<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script type="module">

    // ES6 引入的模块是在什么是否加载并执行的!
    // ES6 模块是编译时加载，使得静态分析成为可能



    // 模块暴露 和  模块引入 时自定义变量名/函数名
    // 模块引入时, 自定义变量名
    import { a as A, addA, reduceA } from "../module/a.js";
    import { B, addB, reduceB } from "../module/b.js";



    console.log(A);
    addA();
    addA();
    addA();
    addA();
    addA();
    addA();
    addA();
    console.log(A);





</script>

</html>